<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="../images/yc.png" type="image/x-icon">
<link rel="stylesheet" href="../css/layui.css"  media="all">
<link rel="stylesheet" href="../css/styles.css"  media="all">
</head>
<body>
<br />
<!-- <div id="app">
<input type="text" v-model="input" placeholder="请输入商品名称或编号">
</input><el-button icon="el-icon-search" circle @click="search"></el-button>
<el-button @click="reset">重置</el-button>
		<el-table :data="tableData" border style="width: 100%"> 
			<el-table-column prop="pid" label="商品编号" width="100"></el-table-column> 
			<el-table-column prop="pname" label="商品名称" width="180"></el-table-column> 
			<el-table-column prop="price" label="商品价格" width="100"> </el-table-column> 
			<el-table-column prop="time" label="上架日期" width="180"> </el-table-column>
			<el-table-column prop="bsize" label="尺寸" width="180"> </el-table-column>
			<el-table-column prop="bcolor" label="颜色" width="180"> </el-table-column>
			<el-table-column prop="bnum" label="库存" width="180"> </el-table-column>
			<el-table-column prop="intro" label="简介" width="180"> </el-table-column>
			<el-table-column label="查看详情" width="180">
				<template v-slot = "scope">
					<el-button type="primary" icon="el-icon-edit" circle @click="viewDetail(scope.row.pid, scope.$index)"></el-button>
				</template>
			</el-table-column>
			<el-table-column label="操作"> 
				<template v-slot = "scope" >
    					<el-checkbox v-model="scope.row.pstatus" @change.native = "grounding(scope.row.pstatus, scope.row.pid)">在架</el-checkbox>
				</template>
			</el-table-column>
		</el-table> 
		
		<div class="page text-right clearfix" style="margin-top: 40px" id="page">
			<a href="javascript:void(0)" @click="changePage(-1)">上一页</a>
			<a href="javascript:void(0)" class="select" @click="optionPage(1)">1</a>
			<a href="javascript:void(0)" v-for="index in totalPage" @click="optionPage(index + 1)">{{index + 1}}</a>
			<a href="javascript:void(0)" @click="changePage(1)">下一页</a>
		</div>
</div> -->
<div class="demoTable">
	<span class="navy_padding">订单编号</span>
    <div class="layui-inline">
      <input class="layui-input" type="text" name="ono" autocomplete="off" style="width: 300px">
    </div>
   	<span class="navy_padding">会员名称</span>
    <div class="layui-input-inline">
       <input type="text" name="mname" autocomplete="off" class="layui-input">
	</div>
    <button type="button" class="layui-btn layui-btn-radius"> 查询  </button>
</div>
<table class="layui-hide" id="admin_data" lay-filter="test"></table>
<script type="text/html" id="barDemo">
	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> 
	<!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">发货</a>-->
</script><!-- onclick="open()-->
<script src="../js/layui.all.js" charset="utf-8"></script>
<script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
<script>
layui.use('table', function(){
	var table = layui.table, form = layui.form;
	table.render({
    	elem: '#admin_data',
		url:'../../order/findList',
		toolbar: '#toolbarDemo', // 开启头部工具栏，并为其绑定左侧模板
    	title: '管理员信息表',
    	limits: [2, 5, 10, 20, 30, 50, 100],
    	limit: 2,
    	cellMinWidth: 120,
    	id: "admin_data",
    	method: "POST",
	    cols: [[
	      {
			type: 'checkbox', fixed: 'center'},
	      	{field:'oid', title:'编号',fixed: 'center', unresize: true, sort: true, align: 'center'},
			{field:'aname', title:'用户名', align: 'center',edit: 'text'},
			{field:'postal', title:'邮箱', align: 'center', templet: function(res){
	        	return '<em>'+ res.postal +'</em>'
	      	}},
			{field:'province', title:'省份', edit: 'text'},
			{field:'city', title:'城市', align: 'center',edit: 'text'},
			{field:'totalprice', title:'总价', align: 'center', sort: true},
			{field:'area', title:'地区', align: 'center',edit: 'text'},
			{field:'time', title:'下单时间', align: 'center'},
			{field:'ostatus', title:'状态', align: 'center', templet: function(res){
	        	return '<em>'+ ( res.ostatus == 1? '未支付':res.ostatus == 2? '未发货':res.ostatus == 3? '未评论':'已评论') +'</em>'
	      	}},
			{fixed: 'right', title:'操作', toolbar: '#barDemo', align: 'center'}
	]],
		page: { 
			layout: ['prev', 'page', 'next', 'count', 'skip', 'limit'], //自定义分页布局
	      //,curr: 5 // 设定初始在第 5 页
	      groups: 10, // 只显示 1 个连续页码
	      first: '首页', //不显示首页
	      last: '尾页' //不显示尾页
	      
	    }
	});
	
	//监听锁定操作
	form.on('checkbox(lockDemo)', function(obj){
		layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
	});
  
	// 监听行工具事件
	table.on('tool', function(obj){
    	var data = obj.data;
    	if(obj.event === 'del'){
      		layer.confirm('数据一旦删除将不能恢复，您确定要删除吗？', function(index){
        		obj.del();
        		layer.close(index);
			});
    	} else if(obj.event === 'edit'){
      		layer.prompt({
        		formType: 3,
        		value: data.email
      		}, function(value, index){
				obj.update({
					email: value
        		});
        		layer.close(index);
      		});
		}
	});
});
function notup(){
	$("#layui-layer5").css("display","none");
}
function up(){
	
}
/**function open(){
	$("#layui-layer5").css("display","block");
}**/
</script>
<!-- <script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../../js/vue.js"></script>
<script type="text/javascript" src="../../js/show-dialog.js"></script>
<script type="text/javascript" src="../../js/axios.js"></script>
<script type="text/javascript" src="../../js/qs.js"></script>-->
<!-- 引入组件库 --> 
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript">
let app = new Vue({
	el:'#app',
	data:{
		
	},
	methods:{
		
	},
	mounted(){
		
	},
	created(){
		
	}
})
</script>  -->
</body>
</html>